<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单击事件</title>
    <script type="text/javascript">
        //静态注册onclick事件
        function onclicFun(){
            alert("静态注册onclick事件")
        }

        //动态注册onclick事件
        window.onclick = function (){
            // 1 获取标签对象 
            // /** document 是 JavaScript 语言提供的一个对象（文档）<br/>
            // * get 获取
            // * Element 元素（就是标签） 
            // * By 通过。。 由。。经。。。 
            // * Id id 属性 
            // ** getElementById 通过 id 属性获取【标签对象】 **/
            var btnObj = document.getElementById("btn01")
            alert(btnObj);
            //2. 通过标签对象.事件名 = function(){}
            btnObj.onclick = function (){
                alert("动态注册的onclick事件")
            }
        }
    </script>
</head>
<body>
<!-- 静态注册onclick事件-->
<button onclick="onclicFun()">按钮1</button>
<button id="btn01">按钮2</button>
</body>
</html>